{% extends 'plate.html' %}
{% block plate %}

	<h1>Plate dataset type: {{ platetype }}</h1>
	    <div>
		    <h2>Plate name / barcode:   {{ plate.platename }} number of replicates: {{ plate.replicate|length }} </h2>
		    <h2>cell line:</h2>
		    <p>{{ plate.cellline }}</p>
		    <h2>Condition:</h2>
		    <p>{{ plate.condition }}</p>
		    <h2>Plate concentration:</h2>
		    <p>{{ plate.concentration }}</p>
		    <script>
			var pfp_var = {{plate.pfp.json|safe}};
		    </script>
	    </div>

    <script type="text/javascript" src="/static/draw_heat.js"></script>
	    
    <h2>Plate heatmap </h2>
	    <ul>
		    {% for p in plate.replicate %}
		    <li class='inline-box' id='plot{{p.replicate}}'>
		    <script>
			var json = {{p.data.json|safe}};
		    </script>
		    <script>
			draw_heatmap(json, {}, {},"li#plot{{p.replicate}}", pfp_var, "{{screentype}}");
		    </script>
		    </li>
		    {% endfor %}
	    
	    </ul>


{% endblock %}
